<template>
  <div id="app">
	<div class="left">
		<div><router-link to="/map">Go to Map</router-link></div>
		<div><router-link to="/editor">Go to Editor</router-link></div>
		<div><router-link to="/vant">Go to vant</router-link></div>
		<div><router-link to="/vuexDemo">Go to vuexDemo</router-link></div>
		<div><router-link to="/pdfView">Go to pdfView</router-link></div>
		<div><router-link to="/echarts">Go to echarts</router-link></div>
		<div><router-link to="/NSCEearth">Go to NSCEearth</router-link></div>
    <div><router-link to="/vueDragCom">Go to vueDragCom</router-link></div>
    <div><router-link to="/liucheng">Go to liucheng</router-link></div>
    <div><router-link to="/imageDemo">Go to ImageDemo</router-link></div>
    <div><router-link to="/XLSXDemo">Go to XLSXDemo</router-link></div>
    <div><router-link to="/pizhuDemo">Go to pizhuDemo</router-link></div>
    <div><router-link to="/vchart">Go to vchart</router-link></div>
	</div>
    <div style="flex: 1"><router-view /></div>
  </div>
</template>

<script>

export default {
  name: 'App',
  components: {
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
